<template>
  <div class="home">
    我是Home父组件
    <detail-record>
      <template  v-slot:default="slotProps">
        <h1>{{slotProps.users.name}}</h1>
      </template>
    </detail-record>
    <div></div>
  </div>
</template>

<script>
  import DetailRecord from './components/detail'
  export default {
    name: 'Bake',
    components: {
      DetailRecord
    },
    methods: {
      getProto () {
        const oldArrayProperty = Array.prototype;
        // 创建新对象; 再扩展不会影响原来的;
        const arrProto = Object.create(oldArrayProperty);
        arrProto.push = function () {
          console.log(100);
        }
      }
    },
  }
</script>
<style scoped>
  .home {
    width: 900px;
    margin: 0 auto;
    background: #ccc;
    padding-bottom: 100px;
  }
</style>


<!--<template>
  <div>
    <div class="home">
      我是Home父组件
      <detail-record>
        <template v-slot:left>
          <h1>name属性为left</h1>
        </template>
        <template v-slot:right>
          <h1>name属性为right</h1>
        </template>
      </detail-record>
    </div>
  </div>
</template>

<script>
  import DetailRecord from './components/detail'
  import UploadImage from './components/Image'
  export default {
    name: "Bake",
    components: {
      DetailRecord,
      UploadImage
    },
    props: {

    },
    methods: {
      getLocalStorageData () {

      }
    },
    created() {
      // 获取链接参数username值，然后存进内存中
      //console.log(this.$route.query.id)
    },
    mounted () {
      this.getLocalStorageData();
    }
  }
</script>

<style scoped="scoped">
.home{
  width:900px;
  margin:0 auto;
  background:#ccc;
  padding-bottom:100px;
}
</style>-->
